﻿<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
  <title>产品明细</title>
  <link href="css/common.css" rel="stylesheet" type="text/css" />
  <link href="css/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="wrap">
    <div class="protoppic"><img src="images/propic.jpg" width="100%">
      <div class="btnbox">
        <div class="leftbtn"><a href="#"><img src="images/picon1.png" width="40px"></a></div>
        <div class="rightbtn"><a href="#"><img src="images/picon2.png" width="40px"></a></div>
        <div class="clear"></div>
      </div>
    </div>
    <!--protoppic结束-->
    <div class="proconbox">
      <div class="procontitle">
        <div class="title">茉莉花茶 新茶2017浓香茉莉花茶叶花茶散装小白毫 买1送1共500克</div>
        <div class="share"><a href="#">
            <div class="icon"><img src="images/picon4.png" height="20px"></div>
            <div class="txt">分享</div>
          </a> </div>
        <div class="clear"></div>
      </div>
      <div class="proconprice1">￥<span>25</span></div>
      <div class="proconprice2">价格<span>￥68</span></div>
      <div class="proconexpress">
        <div class="left">快递：免运费</div>
        <div class="mid">月销2123笔</div>
        <div class="right">福建泉州</div>
      </div>
      <div class="clear"></div>
      <ul class="proinsure">
        <li>订单险</li>
        <li>7天无理由</li>
      </ul>
      <div class="prodetailtitle">产品参数</div>
    </div>
    <!--proconbox结束-->
    <div class="probottom">
      <div class="qq"> <a href="#">
          <div class="img"><img src="images/picon3.png" height="26px"></div>
          <div class="txt">客服</div>
        </a> </div>
      <div class="fav"> <a href="#">
          <div class="img"><img src="images/picon7.png" height="26px"></div>
          <div class="txt">收藏</div>
        </a> </div>
      <div class="shopcar"><a href="#">加入购物车</a></div>
      <div class="buy"><a href="#">立即购买</a></div>
    </div>

  </div>
  <!--wrap结束-->
</body>

</html>